<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta content="text/html; charset=UTF-8" http-equiv="content-type" />
        <title>Webappkit {{ kits.webappkit.kit.version }}</title>

        <base href="{{ base_href }}" />

        <link rel="stylesheet" type="text/css" href="static/css/webappkit.web.css" media="screen" />

        <link rel="icon" href="static/img/webappkit-favicon.png" />

        <link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="http://blog.webappkit.net/feed/atom" />

        <script type="text/javascript" src="static/js/jquery.js"></script>
<script type="text/javascript" src="static/lightbox/jquery.lightbox.js"></script>

    </head>
    <body class="fr">
        <div id="header">
            <h1><a href="{{ base_href }}"><span>Webappkit</span></a></h1>
            <p class="baseline">Vos applis web en Kit.</p>
        </div>
        <!-- contenu principal -->
        <div id="content">{% block content %}
                <p>ici le contenu principal</p>
        {% endblock %}</div>

        <!-- contenu secondaire -->
        {% block sub %}{% endblock %}

        <div id="local">{% block local %}
        <p>nav locale et contenu subalterne</p>
        {% endblock %}
        </div>

        <!-- chemin -->
        {% block breadcrumb %}<ul id="breadcrumb">{% for url in breadcrumb %}
            <li><a href="{{ url }}">{{ forloop.key }}</a></li>{% endfor %}
        </ul>{% endblock %}

        <!-- nav globale -->
        <ul id="global">
            <li><a href="tutorial">Tutoriel</a></li>
            <li><a href="install">Installer</a></li>
            <li><a href="howto">Documentation</a></li>
            <li><a href="contact">Contact</a></li>
        </ul>

        <div id="footer">
            <!-- badge ohloh -->
            <script type="text/javascript" src="http://www.ohloh.net/p/3357/widgets/project_thin_badge.js"></script>
            <a href="http://blog.sorcellerieweb.net">Sorcellerie Web</a>
            | Hébergé sur <a href="http://code.google.com/p/webappkit/" title="Webappkit on Google Code">Google Code</a>
            | Icones <a href="http://tango.freedesktop.org" hreflang="en">Tango</a>
            | <a href="http://blog.webappkit.net/feed/atom" class="feed">blog</a>
        </div>

{% comment %} stats google {% endcomment %}
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-632108-3");
pageTracker._initData();
pageTracker._trackPageview();
</script>


{% comment %} lightbox {% endcomment %}
<script type="text/javascript">
$(function() {
    $('a.lightbox').lightBox(); // Select all links with lightbox class
});
</script>

</body>
</html>
